<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 关键词 -->
    <meta name="keywords" content="音乐,QQ音乐,在线听歌,音乐下载,音乐播放器,音乐网站,MV,巅峰榜,音乐排行榜,翻译歌曲,热门歌曲,经典老歌,无损音乐,无损曲库">
    <!-- 网页描述 -->
    <meta name="description"
        content="QQ音乐是腾讯公司推出的一款网络音乐服务产品，海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载、空间背景音乐设置、MV观看等，是互联网音乐播放和下载的优选。">
    <!-- 网页标题 -->
    <title>QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
    <!-- 网页标题图标 -->
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <!-- 引入初始化css -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入公共样式的css -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入首页的css -->
    <link rel="stylesheet" href="./css/index.css">
</head>

<body data-id="1">
    <script>   document.cookie=1</script>
    <iframe  id="ifr1" src="../代普/mod_header.html" scrolling="no" frameborder="0"
    style="position: absolute;top:0px; width:100%; z-index:99; height: 250px;display: flex;">
</iframe>
<iframe  id="ifr2" src="../代普/guding.html" scrolling="no" frameborder="0"
style="position: fixed;bottom:0px;right: 0px; width: 100px; z-index:99; height: 250px;display: flex;">
</iframe>
<iframe  id="ifr3" src="../郝云奇/dibu.html" scrolling="no" frameborder="0"
style="position:absolute;bottom:0px; width:100%; z-index:9; height: 626px;">
</iframe>
    <!-- 歌单推荐模块开始 -->
    <div class="mod_index">
        <div class="container">
            <!-- 歌单推荐头部 -->
            <div class="index_hd header">
                <h2></h2>
            </div>
            <!-- 歌单推荐tab栏 -->
            <div class="mod_index_tab table">
                <a href="javascript:void(null)" class="active">为你推荐</a>
                <a href="javascript:void(null)">网络歌曲</a>
                <a href="javascript:void(null)">伤感</a>
                <a href="javascript:void(null)">KTV热歌</a>
                <a href="javascript:void(null)">官方歌单</a>
                <a href="javascript:void(null)">情歌</a>
            </div>

            <!-- 歌单推荐播放 -->
            <div class="mod_playlist">
                <!-- 为你推荐 -->
                <ul class="tj active">
                </ul>
                <!-- 网络歌曲 -->
                <ul class="wl">
                </ul>
                <!-- 伤感 -->
                <ul class="sg">
                </ul>
                <!-- ktv热歌 -->
                <ul class="ktv">
                </ul>
                <!-- 官方歌单 -->
                <ul class="gf">
                </ul>
                <!-- 情歌 -->
                <ul class="qg">
                </ul>
            </div>

            <!-- 歌单推荐切换栏(小圆点点) -->
            <div class="mod_slide_switch little_dot
            ">
                <a href="javascript:void(null)">
                    <span class="active"></span>
                </a>
                <a href="javascript:void(null)">
                    <span></span>
                </a>
                <a href="javascript:void(null)">
                    <span></span>
                </a>
                <a href="javascript:void(null)">
                    <span></span>
                </a>
                <a href="javascript:void(null)">
                    <span></span>
                </a>
            </div>
        </div>
        <!-- 左右箭头 -->
        <div class="arrows arrowszy">
            <!-- 左箭头 -->
            <a href="javascript:void(null)" class="prve">
                <span></span>
            </a>
            <!-- 右箭头 -->
            <a href="javascript:void(null)" class="next">
                <span></span>
            </a>
        </div>
    </div>
    <!-- 歌单推荐模块结束 -->

    <!-- 新歌首发模块开始 -->
    <div class="mod_index_song">
        <div class="container">
            <!-- 新歌首发头部 -->
            <div class="index_song_hd header">
                <h2></h2>
            </div>
            <!-- 新歌首发tab栏 -->
            <div class="mod_index_song_tab table">
                <a href="javascript:void(null)" class="active">最新</a>
                <a href="javascript:void(null)">内地</a>
                <a href="javascript:void(null)">港台</a>
                <a href="javascript:void(null)">欧美</a>
                <a href="javascript:void(null)">韩国</a>
                <a href="javascript:void(null)">日本</a>
            </div>

            <!-- 新歌播放模块 -->
            <div class="New_song_debuts">
                <ul class="active">
                </ul>
                <ul>
                </ul>
                <ul>
                </ul>
                <ul>
                </ul>
                <ul>
                </ul>
                <ul>
                </ul>
            </div>
            <!-- 新歌切换栏(小圆点点) -->
            <div class="mod_song_switch little_dot">
                <a href="javascript:void(null)">
                    <span class="active"></span>
                </a>
                <a href="javascript:void(null)">
                    <span></span>
                </a>
            </div>
        </div>
        <!-- 左右箭头 -->
        <div class="arrows_song arrowszy">
            <!-- 左箭头 -->
            <a href="javascript:void(null)" class="prve">
                <span></span>
            </a>
            <!-- 右箭头 -->
            <a href="javascript:void(null)" class="next">
                <span></span>
            </a>
        </div>
    </div>
    <!-- 新歌首发模块结束 -->

    <!-- 精彩推荐模块开始 -->
    <div class="mod_index_event">
        <div class="container">
            <!-- 精彩推荐头部 -->
            <div class="index_event_hd header">
                <h2></h2>
            </div>
            <!-- 精彩推荐轮播模块 -->
            <div class="New_event_debuts">
                <ul>
                </ul>
            </div>
            <!-- 精彩推荐切换栏(小圆点点) -->
            <div class="mod_event_switch little_dot">
                <a href="javascript:void(null)">
                    <span class="active"></span>
                </a>
                <a href="javascript:void(null)">
                    <span></span>
                </a>
            </div>
        </div>
        <!-- 左右箭头 -->
        <div class="arrows_event arrowszy">
            <!-- 左箭头 -->
            <a href="javascript:void(null)" class="prve">
                <span></span>
            </a>
            <!-- 右箭头 -->
            <a href="javascript:void(null)" class="next">
                <span></span>
            </a>
        </div>
    </div>
    <!-- 精彩推荐模块结束 -->

    <!-- 新碟首发模块开始 -->
    <div class="mod_index_album">
        <div class="container">
            <!-- 新碟首发头部 -->
            <div class="index_album_hd header">
                <h2></h2>
            </div>
            <!-- 新碟首发tab栏 -->
            <div class="mod_index_album_tab table">
                <a href="javascript:void(null)" class="active">内地</a>
                <a href="javascript:void(null)">港台</a>
                <a href="javascript:void(null)">欧美</a>
                <a href="javascript:void(null)">韩国</a>
                <a href="javascript:void(null)">日本</a>
                <a href="javascript:void(null)">其他</a>
            </div>

            <!-- 新碟首发轮播模块 -->
            <div class="New_album_debuts">
                <ul class="active">
                </ul>
                <ul>
                </ul>
                <ul>
                </ul>
                <ul>
                </ul>
                <ul>
                </ul>
                <ul>
                </ul>
            </div>
            <!-- 新碟首发切换栏(小圆点点) -->
            <div class="mod_album_switch little_dot">
                <a href="javascript:void(null)">
                    <span class="active"></span>
                </a>
                <a href="javascript:void(null)">
                    <span></span>
                </a>
            </div>
        </div>
        <!-- 左右箭头 -->
        <div class="arrows_album arrowszy">
            <!-- 左箭头 -->
            <a href="javascript:void(null)" class="prve">
                <span></span>
            </a>
            <!-- 右箭头 -->
            <a href="javascript:void(null)" class="next">
                <span></span>
            </a>
        </div>
    </div>
    <!-- 新碟首发模块结束 -->

    <!-- 排行榜模块开始 -->
    <div class="mod_index_top">
        <div class="container">
            <!-- 排行榜头部 -->
            <div class="index_top_hd header">
                <h2></h2>
            </div>
            <!-- 排行榜轮播模块 -->
            <div class="New_top_debuts">
                <ul>
                    <li>
                        <a href="javascript:void(null)">
                            <img src="./uploads/排行榜1.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(null)">
                            <img src="./uploads/排行榜2.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(null)">
                            <img src="./uploads/排行榜3.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(null)">
                            <img src="./uploads/排行榜4.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(null)">
                            <img src="./uploads/排行榜5.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 排行榜模块结束 -->

    <!-- mv模块开始 -->
    <div class="mod_index_mv">
        <div class="container">
            <!-- mv头部 -->
            <div class="index_mv_hd header">
                <h2></h2>
            </div>
            <!-- mvtab栏 -->
            <div class="mod_index_mv_tab table">
                <a href="javascript:void(null)" class="active">精选</a>
                <a href="javascript:void(null)">内地</a>
                <a href="javascript:void(null)">港台</a>
                <a href="javascript:void(null)">欧美</a>
                <a href="javascript:void(null)">韩国</a>
                <a href="javascript:void(null)">日本</a>
            </div>

            <!-- mv轮播模块 -->
            <div class="New_mv_debuts">
                <ul class="active">
                </ul>
                <ul>
                </ul>
                <ul>
                </ul>
                <ul>
                </ul>
                <ul>
                </ul>
                <ul>
                </ul>
            </div>
            <!-- mv切换栏(小圆点点) -->
            <div class="mod_mv_switch little_dot">
                <a href="javascript:void(null)">
                    <span class="active"></span>
                </a>
                <a href="javascript:void(null)">
                    <span></span>
                </a>
            </div>
        </div>
        <!-- 左右箭头 -->
        <div class="arrows_mv arrowszy">
            <!-- 左箭头 -->
            <a href="javascript:void(null)" class="prve">
                <span></span>
            </a>
            <!-- 右箭头 -->
            <a href="javascript:void(null)" class="next">
                <span></span>
            </a>
        </div>
    </div>
    <!-- mv模块结束 -->


    <!-- 引入首页的js文件 -->
    <script src="./js/index.js"></script>
    <script src="../代普/js/ifr.js"></script>
    <script>
     
        let tiaozhuan = document.querySelectorAll(".mod_playlist_img")
           
            for (let i = 0; i < tiaozhuan.length; i++) {
                tiaozhuan[i].addEventListener("click", (e) => {
                    e.preventDefault()
                    console.log("asdasdasd",tiaozhuan);
                    window.location.href = "../代普/musicPlay.html"
                })
            }
    
    
            let tiaozhuan1 = document.querySelectorAll(".New_song_debuts>ul>li")
            // console.log(tiaozhuan);
            for (let i = 0; i < tiaozhuan1.length; i++) {
              
                tiaozhuan1[i].addEventListener("click", (e) => {
                    e.preventDefault()
                    window.location.href = "../代普/musicPlay.html"
                })
            }
    
    
    </script>
</body>

</html>